$(function(){
    //获取所有文章类别
    function init(){
        $.ajax({
            url:BigNew.category_list,
            dataType:'json',
            success:function(res){
                if(res.code == 200){
                    //console.log(res);
                    $('.table tbody').html(template('mytemp',res))
                }
            }
        })
    }
    init()
     
    //点击编辑预览当前分类
    $('tbody').on('click','.btn-info',function(){
        let id = $(this).data('id')
        $.ajax({
            url:BigNew.category_search,
            dataType:'json',
            data:{id:id},
            success:function(res){
                $('#exampleModal').modal('show')
                $('#recipient-name').val(res.data[0].name)
                $('#message-text').val(res.data[0].slug)
                $('#recipient-btn_').val(res.data[0].id)
                console.log(res.data[0].id);
            }
        })
    })   
    //点击确认模态框监听事件
    $('.btn-primary').on('click',function(e){
        //console.log($('#exampleModalLabel').text());
        if($('#exampleModalLabel').text() == '新增类别'){
            let name = $('#recipient-name').val()
            let slug = $('#message-text').val()
            //console.log(name,slug);
            $.ajax({
                type:'post',
                url: BigNew.category_add,
                dataType:'json',
                data:{name,slug},
                success:function(res){
                    console.log(res);
                    if(res.code == 201){
                        alert(res.msg)
                        $('#exampleModal').modal('hide')
                        init()
                    }
                }
            })
        }else{
            let name = $('#recipient-name').val()
            let slug =  $('#message-text').val()
            let id = $('#recipient-btn_').val()
            console.log(name,slug,id);
            $.ajax({
                type:'post',
                url:BigNew.category_edit,
                dataType:'json',
                data:{name,slug,id},
                success:function(res){
                    if(res.code == 200){
                        alert(res.msg)
                        init()
                        $('#exampleModal').modal('hide')
                    }
                }
            })

        }
    })
    
    //模态框显示前的监听事件
    $('#exampleModal').on('show.bs.modal', function (e) {
        // do something...
        //e.relatedTarget  如果是通过点击某个作为触发器的元素，
        // 则此元素可以通过事件的 relatedTarget 属性进行访问
        //console.log(e.relatedTarget);
        if(e.relatedTarget == $('#xinzengfenlei')[0]){
            $('#exampleModalLabel').text('新增类别')
            $('.control-label').text('新增名称')
        }else{
            $('#exampleModalLabel').text('编辑类别')
            $('.control-label').text('编辑名称')
        }
    })

    //模态框隐藏后的监听事件
    $('#exampleModal').on('hide.bs.modal', function () {
        $('#recipient-name').val('')
        $('#message-text').val('')
    })

    //点击删除监听事件
    $('tbody').on('click','.btn-danger',function(){
        if( confirm('确定删除吗,老大') ){
            $.ajax({
                type:'post',
                url:BigNew.category_delete,
                dataType:'json',
                data:{id:$(this).data('id')},
                success:function(res){
                    //console.log(res);
                    if(res.code == 204){
                        alert('删除成功')
                        init()
                    }
                }
            })
        }
    })
})